<script setup lang="ts">
defineOptions({
  name: 'FormLabeExtends'
});
interface Props {
  label?: string;
  tips?: string;
}
const props = withDefaults(defineProps<Props>(), {
  label: '',
  tips: ''
});
</script>

<template>
  <div class="flex-center gap-5px">
    <NTooltip trigger="hover">
      <template #trigger>
        <NButton text tag="a" ghost size="small">
          <template #icon>
            <SvgIcon icon="ph:warning-circle" />
          </template>
        </NButton>
      </template>
      {{ props.tips }}
    </NTooltip>
    <div>{{ props.label }}</div>
  </div>
</template>

<style scoped></style>
